@font-face {font-family: "eiconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}


.eicon {
  font-family:"eiconfont" !important;
  font-size:14px;
  color: #666;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.eicon-quotes:before { content: "\e60b"; }
.eicon-justifycenter:before { content: "\e601"; }
.eicon-justifyfull:before { content: "\e602"; }
.eicon-justifyright:before { content: "\e603"; }
.eicon-code:before { content: "\e612"; }
.eicon-upload:before { content: "\e618"; }
.eicon-justifyleft:before { content: "\e604"; }
.eicon-indent:before { content: "\e611"; }
.eicon-outdent:before { content: "\e613"; }
.eicon-createlink:before { content: "\e608"; }
.eicon-insertcode:before { content: "\e61a"; }
.eicon-bold:before { content: "\e60a"; }
.eicon-italic:before { content: "\e605"; }
.eicon-underline:before { content: "\e606"; }
.eicon-undo:before { content: "\e614"; }
.eicon-insertimage:before { content: "\e60c"; }
.eicon-insertvideo:before { content: "\e60d"; }
.eicon-math:before { content: "\e61d"; }
.eicon-insertunorderedlist:before { content: "\e60e"; }
.eicon-fontname:before { content: "\e607"; }
.eicon-backcolor:before { content: "\e615"; }
.eicon-resize:before { content: "\e61b"; }
.eicon-forecolor:before { content: "\e617"; }
.eicon-removeformat:before { content: "\e609"; }
.eicon-redo:before { content: "\e616"; }
.eicon-fontsize:before { content: "\e619"; }
.eicon-heading:before { content: "\e60f"; }
.eicon-insertorderedlist:before { content: "\e610"; }
.eicon-strikethrough:before { content: "\e600"; }
.eicon-close:before { content: "\e79e"; }

.editor-container {
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #cfcfcf;
}
.editor-toolbar {
	text-align: justify;
	padding: 0;
	margin: 0;
}
.editor-item {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	outline:none;
	opacity: .5;
	margin: 0;
}
.editor-item:not(.editor-separator)::after {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 50%;
    display: block;
    overflow: hidden;
    max-width: 32rem;
    padding: 4px;
    content: attr(data-title);
    transition: all .216s ease;
    transform: translate(-50%, 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    color: #fff;
    border-radius: 3px;
    background: rgba(51, 51, 51, .9);
}
.editor-item:not(.editor-separator):hover {
	opacity: 1;
	background: #f6f6f6;
}
.editor-item:not(.editor-separator):hover::after {
	opacity: 1;
}
.edui-state-checked {
	opacity: 1;
}
.edui-state-disabled {
	cursor: default;
}
.edui-state-disabled:hover {
	background: #fff !important;
	opacity: .5 !important;
}
.edui-state-disabled .eicon {
	color: #ccc;
}
.edui-state-disabled:hover::after {
	opacity: 0 !important;
}

.editor-iframe {
	flex: 1;
	min-height: 0;
	border: none;
	border-top: 1px solid #dfdfdf;
}

.editor-separator {
	cursor: default;
	width: 1px;
	height: 14px;
	vertical-align: middle;
	background: #dfdfdf;
	margin: 0 2px;
}
.editor-separator:hover {
	background: #dfdfdf;
}
.editor-separator:hover::after {
	opacity: 0;
}
.editor-space {
	display: inline-block;
}

.editor-fixedlayer {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	width: 0;
	height: 0;
}

.eui-panel-wrap {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	width: 0;
	height: 0;
}

.eui-panel {
	
}

.eui-dialog-wrap {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.4);
}

.eui-dialog {
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	padding: 10px 15px;
}
.eui-dialog-title {
	position: relative;
	height: 40px;
	line-height: 1;
	font-weight: bold;
	padding: 5px 0;
}
.eui-dialog-close {
	position: absolute;
	top: 0; right: 0;
	cursor: pointer;
}
.eui-dialog-close .eicon {
	font-size: 12px;
	color: #999;
}
.eui-dialog-content {
	display: inline-block;
	font-size: 14px;
	background: #fff;
	border-radius: 2px;
}

.menu-list {
	max-height: 200px;
	line-height: 1.5;
	font-size: 12px;
	overflow: auto;
	list-style: none;
	background: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
}
.menu-list li {
	white-space: nowrap;
	cursor: pointer;
	padding: 0 10px;
}
.menu-list li:hover {
	background: #f6f6f6;
}
.menu-colors {
	width: 104px;
	padding: 5px;
}
.menu-colors li {
	display: inline-block;
	white-space: normal;
	padding: 0 5px;
}

.panel-box {
	display: inline-block;
	font-size: 14px;
	background: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	padding: 10px 10px 0;
}
.img-wrap {
	width: 320px;
	height: 150px;
}
.img-wrap .panel-tab-content {
	padding-top: 20px;
}
.img-wrap .panel-handles {
	margin-top: 30px;
}
.video-wrap {
	width: 320px;
	height: 150px;
}
.video-wrap .input-src {
	margin-top: 20px;
}
.video-wrap .panel-handles {
	margin-top: 30px;
}
.link-wrap {
	width: 320px;
	height: 150px;
}
.link-wrap .input-text {
	margin-top: 20px;
}
.panel-tab-content {
	padding-top: 30px;
}
.panel-tab-btn {	
	display: inline-block;
	cursor: pointer;
	padding: 5px 0;
	margin-right: 10px;
	border-bottom: 1px solid transparent;
	transition: all .2s;
}
.panel-tab-btn.selected {
	color: #00a0e9;
	border-color: #00a0e9;
}
.panel-tab-radio {
	display: none;
}
.panel-tab-content {
	text-align: center;
	padding: 5px 5px 0;
	margin: 5px 5px 0;
	display: none;
}
.panel-tab-radio:checked+.panel-tab-content {
	display: block;
}
.eui-dialog-handles {
	position: relative;
	text-align: right;
}
.eui-dialog-handles span {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	border-radius: 2px;
	padding: 5px;
	margin: 10px 0 5px 10px;
}
.eui-dialog-handles span:hover {
	background: #f6f6f6;
}
.eui-dialog-confirm {
	color: #00a0e9;
}
.eui-dialog-cancel {
	color: #ccc;
}

.panel-handles {
	position: relative;
	text-align: right;
}
.panel-handles span {
	display: inline-block;
	cursor: pointer;
	border-radius: 2px;
	padding: 5px;
	margin: 10px 0 5px 10px;
}
.panel-handles span:hover {
	background: #f6f6f6;
}
.panel-confirm {
	color: #00a0e9;
}
.panel-cancel {
	color: #ccc;
}
.panel-props {
	font-size: 12px;
}

.eicon-upload {
	display: inline-block;
	width: 100%;
	font-size: 40px;
	color: #ccc;
	cursor: pointer;
	margin-bottom: 20px;
}
.eicon-upload:hover {
	color: #666;
}
.upload {
	position: absolute;
    clip: rect(0 0 0 0);
}
.input-text {
	width: 100%;
	border: none;
	border-bottom: 1px solid #f6f6f6;
	outline: none;
	padding: 5px 0;
}
.input-text:focus {
	border-color: #00a0e9;
}
.input-code {
	width: 300px;
	height: 100px;
	outline: none;
	border: none;
	border: 1px solid #f6f6f6;
	padding: 5px;
}
.input-code:focus {
	border-color: #00a0e9;
}

.menu-list h1,
.menu-list h2,
.menu-list h3,
.menu-list h4,
.menu-list h5,
.menu-list h6 {
	margin: 0;
	padding: 5px 0;
}